<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link th:href="@{/ajax/libs/layui/layui/css/layui.css}" rel="stylesheet"  media="all"/>
    <style>
        .layui-tab{ border-width: 1px; border-style: solid;border-color:#d2d2d2}
    </style>
</head>
<body>
<div class="layui-tab layui-tab-brief" style="margin:10px 10px 0px 10px;">
    <ul class="layui-tab-title">
        <li class="layui-this">周末加班超8小时</li>
        <li>月工时不足周末加班</li>
        <li>不在岗主动申报</li>
        <li>外出公干不合规</li>
        <li>月度工时不足8小时</li>
        <li>连续异常3天以上</li>
        <li>疑似月末补工时</li>
        <li>周末加班不足8小时</li>
        <li>周末加班工时异常处理</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">周末加班超8小时</div>
        <div class="layui-tab-item">月工时不足周末加班</div>
        <div class="layui-tab-item">不在岗主动申报</div>
        <div class="layui-tab-item">外出公干不合规</div>
        <div class="layui-tab-item">月度工时不足8小时</div>
        <div class="layui-tab-item">连续异常3天以上</div>
        <div class="layui-tab-item">疑似月末补工时</div>
        <div class="layui-tab-item">周末加班不足8小时</div>
        <div class="layui-tab-item">周末加班工时异常处理</div>
    </div>
</div>

<script th:src="@{/ajax/libs/layui/layui/layui.js}"></script>
<script>

</script>

</body>
</html>